@import "./var";
@import url("//at.alicdn.com/t/font_904872_m6qt1aeiw1r.css");

[class^=icon-]{
  vertical-align: middle;
  width: 24px;
  text-align: center;
  font-size: 18px;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(144, 146, 152, 0.3);
}

::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* 火狐 */
input {
  -moz-appearance: textfield;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 100px;
}

body {
  font-size: 0.14rem;
  font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial;
  -webkit-tap-highlight-color: rgba(200, 200, 200, 0);
  background: $bg;
  color: #333;
  min-width: 1024px;
  height: 100vh;
  overflow-y: hidden;
  overflow-x: auto;
}

li {
  list-style: none
}

i, em {
  font-style: normal;
}

i {
  font-family: 'iconfont';
}

.primary {
  color: $primary;
}

.green {
  color: $green;
}

.red {
  color: $red;
}

.orange {
  color: $orange;
}

.blue {
  color: $blue;
}

.gray {
  color: $gray;
}

.black {
  color: $black;
}

.primary-bg {
  background: $primary;
}

.green-bg {
  background: $green;
}

.red-bg {
  background: $red;
}

.orange-bg {
  background: $orange;
}

.blue-bg {
  background: $blue;
}

.gray-bg {
  background: $gray;
}

.black-bg {
  background: $black;
}

.font-bold {
  font-weight: bold;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.fade-right-leave-active,
.fade-right-enter-active {
  transition: all .5s;
}

.fade-right-enter {
  opacity: 0;
  transform: translateX(-50px);
}

.fade-right-leave-to {
  opacity: 0;
  transform: translateX(50px);
}

.fade-leave-active,
.fade-enter-active {
  transition: all .3s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.router-view {
  width: 100%;
  min-height: 100%;
  /*background: $bg;*/
  /* overflow: auto; */
}

@media screen and (max-width: 600px) {
  body,
  input,
  textarea {
    font-size: 14px;
  }
}
